@CHARSET "ISO-8859-1";
.pageTitle {
	text-align: center;
	height: 220px;
	background: #ffffff url('../images/logo.png') no-repeat -2px 4px;
}
.content {
	margin: 5px 0px;
	height: 100%;
	width: 100%;
}

.loadingBlocker {
	height: 330px;
	width: 99%;
	position: absolute;
	top: 230px;
	left: -100%;
	background: #a0a0a0;
 	filter: alpha(opacity=65);
  	-moz-opacity: 0.65;
  	opacity: 0.65;
}

.loadingContent {
	height: 100%;
	width: 900px;
	position: absolute;
	background: #ffffff;
 	filter: alpha(opacity=1);
  	-moz-opacity: 1;
  	opacity: 1;	
	left: -100%;
}

.page-header-text {
	text-align: center;
}

.boxCenter {
	height: 400px;
	width: 660px;
	float: left;
	margin: 5px;
}

.boxRight {
	float: left;
	margin: 5px 5px 5px 0px;	
}

button {
	cursor: pointer;	
}
button.ui-button {height: 3em;}
button.ui-button-icon-only {width: 1em; margin-left:-1px} 
.ui-autocomplete-input { margin: 0; padding: 0.42em 0em 0.42em 0.1em; }
.ui-state-hover {color: white; font-style: normal;}

.ticketBox {
	width: 400px;
	margin: 30px 30px;
	float: left;
}

.filterResultsBox {
	width: 100%;
	margin: auto;
}

.page-header {
	margin-bottom: 20px;
}
	
.journeyBox {
	width: 400px;
	margin: 30px 10px;
	float: left;		
}

#busDetails .ui-selected { background: #4297D7; color:white}
#busDetails { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#busDetails li { margin: 3px; padding: 0.4em 4px;}

/* Text Box Styles Start */
.search-text-box {
	width: 50%;
}

.noValueIndicator {
	color: #708090;
	font: 14px;
	
}
/* Text Box Styles End */



.refreshClass {
	float: right;
	position: absolute;	
}

/* General Styles start */
.left-label {
	float: left;	
	display: inline;
	width: 180px;
}

.right-value {
	float: left;
	display: inline;
}

.clear-fix {
	clear: both;	
}

p, input {
	font-smoothing: always;	
}

.hor-elem-spacer {
	margin-left: 30px;	
}

.input-error-shadow {
    box-shadow: 0 1px 1px #CF026A inset, 0 -1px 1px #CF026A inset, 0 0 8px #CF026A !important;
}

.submit-clear-button-container {
	width: 100%;
	text-align: center;
	margin: 10px 0px;	
}

.error-message {
	color: red;
	font-size: 0.75em;
	font-style: italic;	
}
/* General Styles end */

/*button styling start */

.button-wrapper {
    width: 112px;
    background: #E0E0E0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
    background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7)); 
    background: -moz-linear-gradient(top,  #E9E9E9,  #D7D7D7); 
    padding: 0.5px;
    -webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
    -webkit-border-radius: 50px; 
    -moz-border-radius: 50px; 
    -o-border-radius: 50px; 
    -khtml-border-radius: 50px;
    border-radius: 50px;
}
.button {
	display: block;
	height: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
	font-weight: bold;
}

.search-field {
	display: inline;
	width: 255px;
	height: 24px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;
	text-align: left;
	line-height: 24px;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
	border: none;
	font-weight: normal;
	float: left;
	padding: 0 10px;
	background: whiteSmoke;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='white');
	background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(white));
	background: -moz-linear-gradient(top, #F3F3F3, white);
	-webkit-box-shadow: inset 1px 1px 1px 1px #9A9A9A;
	-moz-box-shadow: inset 1px 1px 1px 1px #9A9A9A;
	-o-box-shadow: inset 1px 1px 1px 1px #9A9A9A;
	-khtml-box-shadow: inset 1px 1px 1px 1px #9A9A9A;
	box-shadow: inset 1px 1px 1px 1px #9A9A9A;
}

.search-field-short {
	width: 150px !important;
}

/*button styling end */

/* Ocean Start */
a.ocean, input.ocean, ul.ocean li a, th.ocean {
    background: #4AD4EE;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4AD4EE', endColorstr='#278FAC');
    background: -webkit-gradient(linear, left top, left bottom, from(#4AD4EE), to(#278FAC)); 
    background: -moz-linear-gradient(top,  #4AD4EE,  #278FAC); 
    color: #125267;
    text-shadow: 0px 1px 0px #60ACC1;
    -webkit-box-shadow: inset 0px 1px 0 #197A9D;
    -moz-box-shadow: inset 0px 1px 0 #197A9D;
    -o-box-shadow: inset 0px 1px 0 #197A9D;
    -khtml-box-shadow: inset 0px 1px 0 #197A9D;
    box-shadow: inset 0px 1px 0 #197A9D;
}

a.ocean:hover, input.ocean:hover, ul.ocean li a:hover {
    color: #125267;
    background: #3BB7D2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ADDF5', endColorstr='#218DB0');
    background: -webkit-gradient(linear, left top, left bottom, from(#5ADDF5), to(#218DB0)); 
    background: -moz-linear-gradient(top,  #5ADDF5, #218DB0); 
}

a.ocean:active, input.ocean:active, ul.ocean li a:active {
    color: #125267;
    background: #33A4BC;
    -webkit-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    -moz-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    -o-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    -khtml-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
}

ul.tabs li.ocean a { border-right: 1px solid #2184A1;}

input.login-ocean, input.login-ocean:hover, input.login-ocean:active  {
    background: url('images/btn-login-ocean.png') no-repeat center;
    text-indent: -5000px;
}

input.login-ocean:hover, input.ocean-glow:focus  {
    -webkit-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    -moz-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    -o-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    -khtml-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
    box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
}

input.login-ocean:active {
    -webkit-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    -moz-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    -o-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    -khtml-box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
    box-shadow: inset 0px 2px 3px #333E4E, inset 0px 1px 0 #93E6F6;
}

th.ocean {
    border-left: 1px solid #2184A1;
}

th.ocean:first-child {
    border: none;
}
/* Ocean End */

/* Tables Start */
/* Table Styles Start*/
.table-wrapper {
	background: #E0E0E0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7)); 
	background: -moz-linear-gradient(top,  #E9E9E9,  #D7D7D7); 
	padding: 8px;
	-webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-webkit-border-radius: 10px; 
	/*-moz-border-radius: 10px; firefox doesn't allow rounding of tables yet*/
	-o-border-radius: 10px; 
	-khtml-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.table-wrapper table {
	/*width: 460px;*/
}

.table-header {
	height: 35px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	
}

.table-row td {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	color: #858585;
	padding: 10px;
	border-left: 1px solid #ccc;
	-khtml-box-shadow: 0px 1px 0px #B2B3B5;
	-webkit-box-shadow: 0px 1px 0px #B2B3B5;
	-moz-box-shadow: 0px 1px 0px #ddd;
	-o-box-shadow: 0px 1px 0px #B2B3B5;
	box-shadow: 0px 1px 0px #B2B3B5;
}

/*th.header { 
    cursor: pointer; 
    font-weight: bold; 
    background-color: #A6C9E2;
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid; 
    margin-left: -1px; 
} 

*/
th.headerSortUp { 
    background: url(../images/asc_arrow.png) no-repeat; 
    
}

th.headerSortDown { 
    background-image: url(../images/desc_arrow.png) no-repeat; 
}

tr th {
	border-left: 1px solid #ccc;
}

tr th:first-child {
	-khtml-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-o-border-top-left-radius: 8px;
	/*-moz-border-radius-topleft: 8px; firefox doesn't allow rounding of tables yet*/
	border-top-left-radius: 8px;
	border: none;
}

tr td:first-child {
	border: none;
}

tr th:last-child {
	-khtml-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-o-border-top-right-radius: 8px;
	/*-moz-border-radius-topright: 8px; firefox doesn't allow rounding of tables yet*/
	border-top-right-radius: 8px;
}

tr {
	background: #fff;
}

tr:nth-child(odd) {
	background: #F3F3F3;
}

tr:nth-child(even) {
	background: #fff;
}

tr:last-child td:first-child {
	-khtml-border-bottom-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-o-border-bottom-left-radius: 8px;
	/*-moz-border-radius-bottomleft: 8px; firefox doesn't allow rounding of tables yet*/
	border-bottom-left-radius: 8px;
}

tr:last-child td:last-child {
	-khtml-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-o-border-bottom-right-radius: 8px;
	/*-moz-border-radius-bottomright: 8px; firefox doesn't allow rounding of tables yet*/
	border-bottom-right-radius: 8px;
}
tr.clickable {
	cursor: pointer; 	
}

/* Tables End */


/* Fix chrome issues */

/* Remove the additional rectangular outline that chrome adds*/
.chrome input:focus {
	outline: none;	
}

/*Remove shadows*/
.win.chrome  input.login-ocean:hover, 
.win.chrome input.ocean-glow:focus, 
.win.chrome input.search-field:focus, 
.win.chrome a.ocean, 
.win.chrome input.ocean, 
.win.chrome ul.ocean li a, 
.win.chrome th.ocean, 
.win.chrome a.ocean:active, 
.win.chrome input.ocean:active, 
.win.chrome ul.ocean li a:active {
	-webkit-box-shadow: none;
}

/*Fix wrappers*/

.win.chrome  .button-wrapper, 
.win.chrome .search-wrapper,  
.win.chrome .table-wrapper { 
	-webkit-box-shadow: 0px 1px 0 #fff;
	border-top: 1px solid #B2B3B5;
}

/*Fix light styles*/
.win.chrome a.light:hover, 
.win.chrome input.light:hover, 
.win.chrome ul.light li a:hover {
	-webkit-box-shadow: none; 
	border-top: 1px solid #FFF;
}

.win.chrome a.light, 
.win.chrome input.light, 
.win.chrome ul.light li a, 
.win.chrome th.light {
	-webkit-box-shadow: none; 
	border-top: 1px solid #FFF;
}
.win.chrome a.light:active, 
.win.chrome input.light:active, 
.win.chrome ul.light li a:active, 
.win.chrome a:active {
	-webkit-box-shadow: none; 
	border-top: 1px solid #aaa;
}
.win.chrome input.login-light {
	-webkit-box-shadow: none; 
	border-top: 1px solid #B2B3B5;
}

/*Misc fixes*/
.win.chrome input.search-field {
	-webkit-box-shadow: none; 
	border-top: 1px solid #9a9A9a;
}